<div id="div_category" style="float: left;">
<?php foreach ($list_categoria as $row1): ?>    
  <div class="etiquetas texto" id="mostrar-documento-etiqueta" onclick="f_mostrar_documento_etiqueta('<?php echo $row1->getId() ?>')">
      <div><?php echo $row1->getNombreCategoria() ?></div>
   
  </div>
<?php endforeach; ?>
</div>


<div style="display: none;height: 75px;" id="contenedor-add-etiqueta" title="Agregar Etiqueta">
    <div>
        <div style="margin: 5px;">Nombre de la etiqueta :</div>
        <div style="margin: 5px;"><input type="text" id="txt_nombre_categoria" name="txt_nombre_categoria" /></div>
        <div style="margin-top: 10px;"><a id="add-etiqueta" style="margin-left: 10px;margin-right: 10px;" href="javascript:void(0);">Agregar</a><a id="close-etiqueta" href="javascript:void(0);">Cerrar</a></div>
    </div>
</div>

<script type="text/javascript">
$(document).ready(function(){
 $('#contenedor-add-etiqueta').dialog({
            autoOpen: false,
            width:165,
            modal: true
         });
    });

$("#add-etiqueta").click(function(){
     f_add_etiqueta();
     $("#txt_nombre_categoria").val();
     $('#contenedor-add-etiqueta').dialog('close');
 });

function f_add_etiqueta(){
        $.ajax({
                type: "POST",
                url: "util/agregar_categoria",
                data: "txt_nombre_categoria="+$("#txt_nombre_categoria").val(),
                success: function(datos){
                    $("#div_category").html(datos);
                }
        });
}

function f_mostrar_documento_etiqueta(id_etiqueta){
        $("#div_detail_doc").html('');
        var tipo_doc = "";
        if($('input[name=ck-acuerdo]').is(':checked') || $('input[name=ck-acta]').is(':checked')){
            if($('input[name=ck-acuerdo]').is(':checked') && $('input[name=ck-acta]').is(':checked')){
                 tipo_doc="";
            }else{
                if($('input[name=ck-acuerdo]').is(':checked')){
                    tipo_doc = "&tipo_documento=acuerdo";
                }else{
                    tipo_doc = "&tipo_documento=acta";
                }
            }
        }else{
            tipo_doc="";
        }
      
       $.ajax({
                type: "POST",
                url: "<?php echo url_for('@listar_documentos_avanzado') ?>",
                data: "etiqueta_id="+id_etiqueta+tipo_doc+"&rad_estado="+$("input[name='rd_estado']:checked").val(),
                success: function(datos){
                    $("#div_lista_doc").html(datos);
                }
        });
}




function f_reset_list_etiquetas(){
        $.ajax({
                type: "POST",
                url: "<?php echo url_for("@listar_etiquetas") ?>",               
                success: function(datos){
                    $("#div_category").html(datos);
                }
        });
}

$("#show-add-etiqueta").click(function(){
     $('#contenedor-add-etiqueta').dialog('open');
 });
 $("#close-etiqueta").click(function(){
     $('#contenedor-add-etiqueta').dialog('close');
 });

 
</script>